<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>教育资源-编辑资料</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/editData.css">
	<link rel="stylesheet" href="css/myClass.css">
</head>
<body>
	<div id="header"></div>
	<div class="mainBg">
		<div class="mainBgMid">
			<div class="nav">
				<div class="navLeft" id="navLeft">
				</div>
			</div>
			<div class="rightMain">
				<div class="hTit2">
					<a href="">我的班级</a>
					<em>></em>
					<span>班级圈</span>
				</div>
				<div class="articleMain">
					<textarea name="" id="" cols="30" rows="10" class="articleArea" placeholder='有什么新鲜事告诉大家'></textarea>
					<span class="redTip">还能输入1000字</span>
				</div>
				<div class="bottomLine22 clearfix">
					<span class='span1'>添加图片</span>
					<span class='aticleBtn'>发表</span>
				</div>
				<div class="topNav">
					<a href="">班级</a>
					<span>|</span>
					<a href="">校园</a>
				</div>
				<div class="myCircleList">
					<div class="myCircleOne clearfix">
						<img src="imgs/dengziqi.jpg" class="leftlogo" alt="">
						<div class="rightBg">
							<div class="nameLine">
								<span class="bigName">某某某</span>
								<span >教师</span>		
							</div>
							<div class="signLIne">
								彩票要有方法，不能贪沉迷，保持好心态，最好就别玩了
							</div>
							<div class="bottomPic clearfix" >
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
							</div>
							<div class="botTimeMake">
								<span class="date">2019-05-09  05:40</span>
								<p class="rightdianzan">
								<!-- 点赞之后出现点赞的数量 -->
									<span class='dianzan'>点赞</span>
									<span class='cutapart'>|</span>
									<span class='aticle'>评论</span>
								</p>
								<textarea name="" class="areaBottom dis_none" cols="30" rows="10" placeholder='发表评论' ></textarea>
								<a class="btnPublish dis_none" >发表</a>
							</div>
						</div>
					</div>

					<div class="myCircleOne clearfix">
						<img src="imgs/dengziqi.jpg" class="leftlogo" alt="">
						<div class="rightBg">
							<div class="nameLine">
								<span class="bigName">某某某</span>
								<span >教师</span>		
							</div>
							<div class="signLIne">
								彩票要有方法，不能贪沉迷，保持好心态，最好就别玩了
							</div>
							<div class="bottomPic clearfix" >
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
							</div>
							<div class="botTimeMake">
								<span class="date">2019-05-09  05:40</span>
								<p class="rightdianzan">
									<span class='dianzan'>点赞</span>
									<span class='cutapart'>|</span>
									<span class='aticle'>评论</span>
								</p>
								<textarea name="" class="areaBottom dis_none"  cols="30" rows="10" placeholder='发表评论'  ></textarea>
								<a class="btnPublish dis_none" >发表</a>
							</div>
						</div>
					</div>
					<div class="myCircleOne clearfix">
						<img src="imgs/dengziqi.jpg" class="leftlogo" alt="">
						<div class="rightBg">
							<div class="nameLine">
								<span class="bigName">某某某</span>
								<span >教师</span>		
							</div>
							<div class="signLIne">
								彩票要有方法，不能贪沉迷，保持好心态，最好就别玩了
							</div>
							<div class="bottomPic clearfix" >
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
								<img src="imgs/fri2.jpg" class="showImgList" alt="">
							</div>
							<div class="botTimeMake">
								<span class="date">2019-05-09  05:40</span>
								<p class="rightdianzan">
									<span class='dianzan'>点赞</span>
									<span class='cutapart'>|</span>
									<span class='aticle'>评论</span>
								</p>
								<textarea name="" class="areaBottom dis_none"  cols="30" rows="10" placeholder='发表评论' ></textarea>
								<a class="btnPublish dis_none">发表</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footerBot"></div>
	<script src="./js/jquery.js"></script>
	<script src="./js/fxtpl.plus.js"></script>
	<script src="./layui/layui.all.js"></script>
	<link rel="stylesheet" href="./layui/css/layui.css">
	<script>
		 var dataClass = {"dataClass":3};
		 var header = Fxtpl.render('./weight/header.html',dataClass);
		 $('#header').html(header);

		$(".rightdianzan .aticle").on("click",function(){
			console.log("点击到了评论111");
			// show bottom kuang
			var stand = $(this).parents(".botTimeMake").find(".areaBottom");
			if(stand.hasClass("dis_none")){
				$(this).parents(".botTimeMake").find(".areaBottom").removeClass("dis_none");
				$(this).parents(".botTimeMake").find(".btnPublish").removeClass("dis_none");
			}else {
				$(this).parents(".botTimeMake").find(".areaBottom").addClass("dis_none");
				$(this).parents(".botTimeMake").find(".btnPublish").addClass("dis_none");
			}
		});

		var classNum={"Num":4};
		var classLeft = Fxtpl.render('./weight/classLeftBar.html',classNum);
		$("#navLeft").html(classLeft);
	</script>
</body>
</html>